<!doctype html>
<html>
  <head>
    <title>PageSpeed Examples Directory</title>
    <link rel="stylesheet" href="styles/index_style.css" />
  </head>
  <body>
    <table style="padding:0px; margin: 0px 0px 10px 0px; width:100%" cellpadding="0" cellspacing="0">
      <tbody><tr style="height: 58px; display: block;">
          <td id="plogo">
            <img src="https://www.gstatic.com/images/branding/product/1x/googleg_48dp.png"
                 srcset="https://www.gstatic.com/images/branding/product/2x/googleg_48dp.png 2x"
                 width=48 height=48 alt="Logo">
          </td>
          <td style="padding-left: 0.5em">
            <div id="pname">mod_pagespeed</div>
            <div id="psum">Apache module for rewriting web pages to reduce
              latency and bandwidth</div>
          </td>
        </tr>
    </table>

    <ul class="menu">
          <li><img src="https://www.gstatic.com/images/branding/product/1x/pagespeed_32dp.png"
                   srcset="https://www.gstatic.com/images/branding/product/2x/pagespeed_32dp.png"
                   width=32 height=32 alt="pagespeed logo" /></li>
          <li><a
            href="https://developers.google.com/speed/pagespeed/"
            >Google Page Speed Family</a></li>
          <li><a
            href="https://modpagespeed.com/doc/"
            >Doc</a></li>
          <li><a
            href="https://modpagespeed.com/doc/download"
            >Binaries</a></li>
          <li><a href="https://modpagespeed.com/doc/build_from_source"
            >Source Builds</a></li>
          <li><a
            href="http://github.com/apache/incubator-pagespeed-mod"
            >Source Code Browser</a></li>
          <li><a
            href="http://modpagespeed.com/psol/annotated.html">API</a></li>
          <li><a
            href="https://groups.google.com/group/mod-pagespeed-discuss"
            >Discussion Forum</a></li>
          <li><a
            href="https://github.com/apache/incubator-pagespeed-mod/issues"
            >Issue Tracker</a></li>
          <li><a href="http://github.com/apache/incubator-pagespeed-mod"
            >Project</a></li>
    </ul>
    <br/>

 <span class="inline_code">mod_pagespeed</span> is an open-source
 Apache module created by Google to help Make the Web Faster by
 rewriting web pages to reduce latency and bandwidth.

    <h2>PageSpeed Filter Examples</h2>
    <p>
      Here are some of the most useful PageSpeed filters.  Each one has
      a simple HTML example attached; click "before" to see the
      original file, and "after" to see what PageSpeed produces
      with that filter (and only that filter) enabled.  The two
      versions should look exactly the same, but the "after" one will
      be (slightly) speedier.  Use "view source" to see
      the PageSpeed difference!
    </p>
    <table style="width: 100%; border-collapse: collapse; text-color:
      black;" id="filters" summary="filters">

<!-- TODO(jmarantz): re-indent this whole file -->

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-instrumentation-add">
      add_instrumentation
    </a>
  </td>
  <td class="desc">
    Adds client-side latency instrumentation.
  </td>
  <td class="before">
    <a href="add_instrumentation.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="add_instrumentation.html?PageSpeed=on&amp;PageSpeedFilters=add_instrumentation">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-canonicalize-js">
      canonicalize_javascript_libraries
    </a>
  </td>
  <td class="desc">
    Recognizes common JavaScript libraries and redirects each to a canonical URL.
  </td>
  <td class="before">
    <a href="canonicalize_javascript_libraries.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="canonicalize_javascript_libraries.html?PageSpeed=on&amp;PageSpeedFilters=canonicalize_javascript_libraries">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-whitespace-collapse">
      collapse_whitespace
    </a>
  </td>
  <td class="desc">
    Removes unnecessary whitespace in HTML.
  </td>
  <td class="before">
    <a href="collapse_whitespace.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="collapse_whitespace.html?PageSpeed=on&amp;PageSpeedFilters=collapse_whitespace">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-combine">
      combine_css
    </a>
  </td>
  <td class="desc">
    Combines multiple CSS files into one.
  </td>
  <td class="before">
    <a href="combine_css.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="combine_css.html?PageSpeed=on&amp;PageSpeedFilters=combine_css">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-head-combine">
      combine_heads
    </a>
  </td>
  <td class="desc">
    Combines multiple &lt;head&gt; elements into one.
  </td>
  <td class="before">
    <a href="combine_heads.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="combine_heads.html?PageSpeed=on&amp;PageSpeedFilters=combine_heads">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-js-combine">
      combine_javascript
    </a>
  </td>
  <td class="desc">
    Combines multiple JavaScript files into one.
  </td>
  <td class="before">
    <a href="combine_javascript.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="combine_javascript.html?PageSpeed=on&amp;PageSpeedFilters=combine_javascript">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-dedup-inlined-images">
      dedup_inlined_images
    </a>
  </td>
  <td class="desc">
    Replaces repeated inlined images with JavaScript that loads the data from
    the first instance of the image.
  </td>
  <td class="before">
    <a href="dedup_inlined_images.html?ModPagespeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="dedup_inlined_images.html?ModPagespeed=on&amp;ModPagespeedFilters=inline_images,dedup_inlined_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-js-defer">
      defer_javascript
    </a>
  </td>
  <td class="desc">
    Defers the execution of javascript in the HTML.
  </td>
  <td class="before">
    <a href="defer_javascript.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="defer_javascript.html?PageSpeed=on&amp;PageSpeedFilters=defer_javascript">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-attribute-elide">
      elide_attributes
    </a>
  </td>
  <td class="desc">
    Removes unnecessary attributes in HTML tags.
  </td>
  <td class="before">
    <a href="elide_attributes.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="elide_attributes.html?PageSpeed=on&amp;PageSpeedFilters=elide_attributes">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-pedantic">
      pedantic
    </a>
  </td>
  <td class="desc">
    Adds default type attributes to script and style tags that are missing them.
  </td>
  <td class="before">
    <a href="pedantic.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="pedantic.html?PageSpeed=on&amp;PageSpeedFilters=pedantic">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-cache-extend">
      extend_cache
    </a>
  </td>
  <td class="desc">
    Improves cacheability.
  </td>
  <td class="before">
    <a href="extend_cache.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="extend_cache.html?PageSpeed=on&amp;PageSpeedFilters=extend_cache">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-cache-extend-pdfs">
      extend_cache_pdfs
    </a>
  </td>
  <td class="desc">
    Improves cacheability of PDFs.
  </td>
  <td class="before">
    <a href="extend_cache_pdfs.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="extend_cache_pdfs.html?PageSpeed=on&amp;PageSpeedFilters=extend_cache_pdfs">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-rewrite">
      fallback_rewrite_css_urls
    </a>
  </td>
  <td class="desc">
    Rewrite URLs in CSS even if CSS is not parseable.
  </td>
  <td class="before">
    <a href="fallback_rewrite_css_urls.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="fallback_rewrite_css_urls.html?PageSpeed=on&amp;PageSpeedFilters=fallback_rewrite_css_urls,rewrite_css,rewrite_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-flatten-css-imports">
      flatten_css_imports
    </a>
  </td>
  <td class="desc">
    Flattens @import rules in CSS by replacing the rule with the contents of
    the imported resource.
  </td>
  <td class="before">
    <a href="flatten_css_imports.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="flatten_css_imports.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_css,flatten_css_imports">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-hint-preload-subresources">
      hint_preload_subresources
    </a>
  </td>
  <td class="desc">
    Inserts link: headers to preload CSS and JavaScript resources.
  </td>
  <td class="before">
    <a href="hint_preload_subresources.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="hint_preload_subresources.html?PageSpeed=on&amp;PageSpeedFilters=hint_preload_subresources">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-inline">
      inline_css
    </a>
  </td>
  <td class="desc">
    Inlines small external CSS files.
  </td>
  <td class="before">
    <a href="inline_css.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="inline_css.html?PageSpeed=on&amp;PageSpeedFilters=inline_css">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-inline-google-fonts">
      inline_google_font_css
    </a>
  </td>
  <td class="desc">
    Inlines small font-loading CSS from Google Fonts API.
  </td>
  <td class="before">
    <a href="inline_google_font_css.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="inline_google_font_css.html?PageSpeed=on&amp;PageSpeedFilters=inline_google_font_css">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-inline-import">
      inline_import_to_link
    </a>
  </td>
  <td class="desc">
    Inlines style tags comprising <em>only</em> CSS @imports by converting
    them to an equivalent link.
  </td>
  <td class="before">
    <a href="inline_import_to_link.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="inline_import_to_link.html?PageSpeed=on&amp;PageSpeedFilters=inline_import_to_link">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-js-inline">
      inline_javascript
    </a>
  </td>
  <td class="desc">
    Inlines small external Javascript files.
  </td>
  <td class="before">
    <a href="inline_javascript.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="inline_javascript.html?PageSpeed=on&amp;PageSpeedFilters=inline_javascript">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-inline-preview-images.html">
      inline_preview_images
    </a>
  </td>
  <td class="desc">
    Delays original images; serves inlined, low-quality placeholder images until
    originals are loaded.
  </td>
  <td class="before">
    <a href="inline_preview_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="inline_preview_images.html?PageSpeed=on&amp;PageSpeedFilters=inline_preview_images,insert_image_dimensions">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-insert-dns-prefetch.html">
      insert_dns_prefetch
    </a>
  </td>
  <td class="desc">
    Injects &lt;link rel="dns-prefetch" href="//www.example.com"&gt; tags in the
    HEAD to enable the browser to do DNS prefetching.
  </td>
  <td class="before">
    <a href="insert_dns_prefetch.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="insert_dns_prefetch.html?PageSpeed=on&amp;PageSpeedFilters=insert_dns_prefetch">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-insert-ga">
      insert_ga
    </a>
  </td>
  <td class="desc">
    Inserts Google Analytics javascript snippet.
  </td>
  <td class="before">
    <a href="insert_ga.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="insert_ga.html?PageSpeed=on&amp;PageSpeedFilters=insert_ga">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-lazyload-images">
      lazyload_images
    </a>
  </td>
  <td class="desc">
    Loads images when they become visible in the client viewport.
  </td>
  <td class="before">
    <a href="lazyload_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a
      href="lazyload_images.html?PageSpeed=on&amp;PageSpeedFilters=lazyload_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-local-storage-cache">
      local_storage_cache
    </a>
  </td>
  <td class="desc">
    Loads inlined CSS and image resources into HTML5 local storage whence the
    client fetches them subsequently rather than the server sending them again.
  </td>
  <td class="before">
    <a href="local_storage_cache.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="local_storage_cache.html?PageSpeed=on&amp;PageSpeedFilters=local_storage_cache,inline_css,inline_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-make-show-ads-async">
      make_show_ads_async
    </a>
  </td>
  <td class="desc">
    Converts synchronous Google AdSense tags to asynchronous format.
  </td>
  <td class="before">
    <a href="make_show_ads_async.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="make_show_ads_async.html?PageSpeed=on&amp;PageSpeedFilters=make_show_ads_async">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-make-google-analytics-async">
      make_google_analytics_async
    </a>
  </td>
  <td class="desc">
    Converts synchronous Google Analytics code to load asynchronously.
  </td>
  <td class="before">
    <a href="make_google_analytics_async.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="make_google_analytics_async.html?PageSpeed=on&amp;PageSpeedFilters=make_google_analytics_async">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-above-scripts">
      move_css_above_scripts
    </a>
  </td>
  <td class="desc">
    Moves CSS Above Scripts.
  </td>
  <td class="before">
    <a href="move_css_above_scripts.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="move_css_above_scripts.html?PageSpeed=on&amp;PageSpeedFilters=move_css_above_scripts">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-to-head">
      move_css_to_head
    </a>
  </td>
  <td class="desc">
    Moves CSS into the &lt;head&gt; element.
  </td>
  <td class="before">
    <a href="move_css_to_head.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="move_css_to_head.html?PageSpeed=on&amp;PageSpeedFilters=move_css_to_head">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-outline">
      outline_css
    </a>
  </td>
  <td class="desc">
    Moves large inline &lt;style&gt; tags into external files for cacheability.
  </td>
  <td class="before">
    <a href="outline_css.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="outline_css.html?PageSpeed=on&amp;PageSpeedFilters=outline_css">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-js-outline">
      outline_javascript
    </a>
  </td>
  <td class="desc">
    Moves large inline &lt;script&gt; tags into external files for cacheability.
  </td>
  <td class="before">
    <a href="outline_javascript.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="outline_javascript.html?PageSpeed=on&amp;PageSpeedFilters=outline_javascript">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-prioritize-critical-css">
      prioritize_critical_css
    </a>
  </td>
  <td class="desc">
    Instruments the page, inlines its critical CSS at the top, and lazily loads the rest.
  </td>
  <td class="before">
    <a href="prioritize_critical_css.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="prioritize_critical_css.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_css,flatten_css_imports,inline_import_to_link,prioritize_critical_css">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/domains#MapProxyDomain">
      MapProxyDomain
    </a>
  </td>
  <td class="desc">
    Proxies/optimizes trusted resources from domains not running PageSpeed.
  </td>
  <td class="before">
    <a href="proxy_external_resource.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="proxy_external_resource.html?PageSpeed=on&amp;PageSpeedFilters=+rewrite_images,-inline_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a
    href="https://modpagespeed.com/doc/optimize-for-bandwidth">
      OptimizeForBandwidth
    </a>
  </td>
  <td class="desc">
    Optimizes resources in-place, without changing their urls.
  </td>
  <td class="before">
    n/a
  </td>
  <td class="after">
    <a href="optimize_for_bandwidth.html">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-comment-remove">
      remove_comments
    </a>
  </td>
  <td class="desc">
    Removes HTML comments.
  </td>
  <td class="before">
    <a href="remove_comments.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="remove_comments.html?PageSpeed=on&amp;PageSpeedFilters=remove_comments">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-quote-remove">
      remove_quotes
    </a>
  </td>
  <td class="desc">
    Removes unnecessary quotes in HTML tags.
  </td>
  <td class="before">
    <a href="remove_quotes.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="remove_quotes.html?PageSpeed=on&amp;PageSpeedFilters=remove_quotes">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-inline-preview-images.html#resize_mobile_images">
      resize_mobile_images
    </a>
  </td>
  <td class="desc">
    Just like inline_preview_images, but uses smaller placeholder images for mobile
    browsers.
  </td>
  <td class="before">
    <a href="resize_mobile_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="resize_mobile_images.html?PageSpeed=on&amp;PageSpeedFilters=resize_mobile_images,insert_image_dimensions">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a
    href="https://modpagespeed.com/doc/filter-image-optimize.html#resize_rendered_image_dimensions">
    resize_rendered_image_dimensions
    </a>
  </td>
  <td class="desc">
    Resize images to rendered dimensions.
  </td>
  <td class="before">
    <a href="resize_rendered_dimensions/image_resize_using_rendered_dimensions.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a
      href="resize_rendered_dimensions/image_resize_using_rendered_dimensions.html?PageSpeed=on&amp;PageSpeedFilters=resize_rendered_image_dimensions">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-image-responsive">
      responsive_images
    </a>
  </td>
  <td class="desc">
    Serve responsive images using the srcset attribute.
  </td>
  <td class="before">
    <a href="responsive_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="responsive_images.html?PageSpeed=on&amp;PageSpeedFilters=responsive_images,responsive_images_zoom,rewrite_images,inline_images,resize_images,insert_image_dimensions">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-css-rewrite">
      rewrite_css
    </a>
  </td>
  <td class="desc">
    Minifies CSS.
  </td>
  <td class="before">
    <a href="rewrite_css.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="rewrite_css.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_css">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    rewrite_css + extend_cache
  </td>
  <td class="desc">
    Cache extends images in CSS.
  </td>
  <td class="before">
    <a href="rewrite_css_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="rewrite_css_images.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_css,extend_cache">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    rewrite_css + rewrite_images
  </td>
  <td class="desc">
    Re-compress images in CSS.
  </td>
  <td class="before">
    <a href="rewrite_css_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="rewrite_css_images.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_css,rewrite_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-image-optimize">
      rewrite_images
    </a>
  </td>
  <td class="desc">
    Rescales, and compresses images; inlines small ones.
  </td>
  <td class="before">
    <a href="rewrite_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="rewrite_images.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_images,inline_images,resize_images,insert_image_dimensions">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-js-minify">
      rewrite_javascript
    </a>
  </td>
  <td class="desc">
    Minifies Javascript.
  </td>
  <td class="before">
    <a href="rewrite_javascript.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="rewrite_javascript.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_javascript">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-rewrite-style-attributes">
      rewrite_style_attributes
    </a>
  </td>
  <td class="desc">
    Rewrite the CSS in style attributes by applying the configured rewrite_css
    filter to it.
  </td>
  <td class="before">
    <a href="rewrite_style_attributes.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="rewrite_style_attributes.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_style_attributes,rewrite_css,rewrite_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-rewrite-style-attributes">
      rewrite_style_attributes_with_url
    </a>
  </td>
  <td class="desc">
    Rewrite the CSS in style attributes by applying the configured rewrite_css
    filter to it, but only if the attribute contains the text 'url('.
  </td>
  <td class="before">
    <a href="rewrite_style_attributes.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="rewrite_style_attributes.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_style_attributes_with_url,rewrite_css,rewrite_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-image-sprite">
      sprite_images
    </a>
  </td>
  <td class="desc">
    Sprites images.
  </td>
  <td class="before">
    <a href="sprite_images.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="sprite_images.html?PageSpeed=on&amp;PageSpeedFilters=rewrite_css,sprite_images">
      after
    </a>
  </td>
</tr>

<tr class="filter_row">
  <td class="code">
    <a href="https://modpagespeed.com/doc/filter-trim-urls">
      trim_urls
    </a>
  </td>
  <td class="desc">
    Removes unnecessary prefixes from URLs.
  </td>
  <td class="before">
    <a href="trim_urls.html?PageSpeed=off">
      before
    </a>
  </td>
  <td class="after">
    <a href="trim_urls.html?PageSpeed=on&amp;PageSpeedFilters=trim_urls">
      after
    </a>
  </td>
</tr>

    </table>
  </body>
</html>
